<script type="text/javascript" objname="ming">

</script>
<div id="ming-cont">
    <h1 id="ming-title">给我留言</h1>
    <form method="post" target="_blank" action="#">
        <div><label for="">姓名：</label><input name="name" type="text"></div>
        <div id="ming-sex"><label for="">性别：</label><input name="sex" type="radio">男 <input name="sex" type="radio">女</div>
        <div><label for="">标题：</label><input name="title" type="text"></div>
        <div id="ming-text"><label for="">内容：</label><textarea  name="cont" placeholder="请输入留言"></textarea></div>
        <div id="ming-button"><input type="reset" value="清空"> <input type="submit"></div>

    </form>
</div>
<style>
    #ming-cont{
        width: 100%;
        height: 100%;
        background: url("image/3.jpg") no-repeat;
        background-size: cover;
    }
    #ming-cont>*{
        width: 400px;
        margin: auto;
        text-align: center;
        color:azure;
        font-family: 微软雅黑;
    }
    #ming-cont input,#ming-cont textarea{
        border: solid coral 1px;
        border-radius: 10px;
        width: 300px;
        height: 2em;
        line-height: 2;
        margin-top: 20px;
    }
    #ming-cont *:focus{
        outline: rgba(217, 108, 118, 0.5) solid 2px;
    }
    #ming-cont>form *{
        text-align: left;
    }
    #ming-sex input{
        width: 20px;
    }
    #ming-button input{
        width: 80px;
        text-align: center;
    }
    #ming-button{
        text-align: center;
    }
    #ming-title{
        padding-top: 100px;
    }
    #ming-cont textarea{
        height: 200px;
    }
    #ming-text{
        height: 200px;
        line-height: 200px;
;
    }
    #ming-text label{
        position: relative;
        bottom: 50%
    }
</style>